<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>CesiumExt.data.store.ImageryLayerStore Example</title>
	<link rel="stylesheet" href="https://cesiumjs.org/releases/1.63/Build/Cesium/Widgets/widgets.css">
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.2.0/classic/theme-crisp/resources/theme-crisp-all.css"/>
	<!-- Style our Cesium app. -->
	<link rel="stylesheet" href="index.css" media="screen">
</head>

<body>
    <div id='description'>
        <p>
            This example shows how to use the <code><b>CesiumExt.data.store.ImageryLayerStore</b></code>
            class:
        </p>
		<ul>
            <li>Each Change in the Grid Panel will be reflected in <code><b>Cesium.ImageryLayer</b></code></li>
        </ul>
		<p>
			<u>Remark</u>: Double click in the Grid Row to edit the Cesium ImageryLayer properties.
		</p>
        <p>
            Have a look at <a href="imageryLayer.js">imageryLayer.js</a> to see how this is
            done.
        </p>
    </div>
	
	<script src="https://cesiumjs.org/releases/1.63/Build/Cesium/Cesium.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.2.0/ext-all.js"></script>
    <script>
		// REMARK: to create your application, add your ion access token from cesium.com/ion/
		// If you don't have the token, please subscribe to cesium.com/ion/ and a default token will be provided for you.
		Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI0NjM0MzhmNi1kMTUwLTRhM2ItYjc0YS02Y2FkZDFlN2ViNzciLCJpZCI6MTUyMTMsInNjb3BlcyI6WyJhc3IiLCJnYyJdLCJpYXQiOjE1Njc0MTA4NzV9.q5j6kYHibtMUXpEJez2pgbr84tBFbDZabA4hEem_Seo'
		Ext.Loader.setConfig({
            enabled: true,
            paths: {
                'CesiumExt': '../../src/'
            }
        });
    </script>
    <script src="imageryLayer.js"></script>
</body>
</html>